<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>SDDM - Simple Drop Down Menu Jquery Plugin</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="jquery.sddm.js"></script>
    <script type="text/javascript">
    $(function(){
    $.sddm.list('#menu1');
    });
    </script>
    <style type="text/css">
    body{
        font-family:Trebuchet MS, sans-serif;
        font-size:80%;
    }
    
    .clear{
        clear:both;
    }
    /*Estilo do menu*/
    
    .sddm_menu{
        list-style:none;
        padding:0px;
        margin:0px;
    }
    
    .sddm_menu li{
        float:left;
    }
    
    .sddm_menu li a{
        display:block;
        background:#336699;
        padding:5px;
        text-decoration:none;
        color:#ffffff;
    }
    
    .sddm_menu li a:hover,
    .sddm_menu li .sddm_active_link{
        background:#264D73;
        color:#ffffff;
    }
    
    .sddm_menu li .sddm_submenu{
        margin:0px;
        padding:0px;
        list-style:none;
        position:absolute;
        display:block;
    }
    
    .sddm_menu li .sddm_submenu li{
        display:block;
        clear:both;
        float:none;
    }
    
    .sddm_menu .sddm_submenu li a{
        display:block;
        padding:5px;
        text-decoration:none;
        color:#ffffff;
        background:#8CB3D9;
    }
    
    .sddm_menu .sddm_submenu li a:hover{
        background:#538CC6;
        display:block;
    }
    
    </style>
</head>
<body>
    <h1>SDDM - Simple Drop Down Menu Jquery Plugin</h1>
     
    <h1>SDDM - LIST action ($.sddm.list)</h1>
    <ul id="menu1" class="sddm_menu">
        <li><a href="#">Search players</a>
            <ul class="sddm_submenu">
                <li><a href="http://www.nfl.com">by name</a></li>
                <li><a href="#">by position</a></li>
                <li><a href="#">by team roster</a></li>
                <li><a href="#">Historical players</a></li>
            </ul>
        </li>
        <li><a href="#">Teams</a></li>
        <li><a href="#">Scores</a></li>
        <li><a href="#">Stats</a>
            <ul class="sddm_submenu">
                <li><a href="http://www.nfl.com">Player stats</a></li>
                <li><a href="#">Team stats</a></li>
                <li><a href="#">Rookie stats</a></li>
                <li><a href="#">Weekly leaders</a></li>
            </ul>
        </li>
        <li><a href="#">Standings</a></li>
        <li><a href="#">Fantasy</a></li>
        <li><a href="#">Videos</a></li>
    </ul>
    
    <br class="clear"/>
    
    <h1>Content overlap test</h1>
    <p>Recap all the moves made during the 2009 NFL Draft with this comprehensive breakdown of each trade executed, including the Jets opening Day 2 of the draft much like they did Day 1.</p>
    <p>NFL commissioner Roger Goodell, as well as NFL Network's Rich Eisen and Jamie Dukes, provided Twitter updates all weekend long from the 2009 NFL Draft.</p>
</body>
</html>
